<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

<head>
	<th:block th:include="include :: header('信息报送情况统计表')" />
	<th:block th:include="include :: datetimepicker-css" />
</head>

<body class="gray-bg">
	<div class="main-content">
		<form id="form-add" class="form-horizontal">
			<h4 class="form-header h4">信息报送情况统计表</h4>
			<input id="progressId" name="progressId" th:value="${progressId}" type="hidden">
			<div class="row">
				<div class="col-sm-12">
					<div class="col-sm-12 select-table table-striped">
						<table id="bootstrap-table"></table>
					</div>
					</br>
					<p style="color: red">填表说明：每月最后一天前填报本年度累计情况；采用情况内容应包含采用时间、采用单位、采用文件文号（如：宜宾纪检信息**期等）</p>
				</div>
			</div>
		</form>
	</div>
	<th:block th:include="include :: footer" />
	<th:block th:include="include :: datetimepicker-js" />
	<script th:inline="javascript">

		$(function () {
			var options = {
				data: [[*{workTemplateTable1List}]],
				pagination: false,
				showSearch: false,
				showRefresh: false,
				showToggle: false,
				showColumns: false,
				sidePagination: "client",
				columns: [
				{
					field: 'val1',
					align: 'center',
					title: "序号",
					formatter: function (value, row, index) {
						return $.table.serialNumber(index);
					}
				},
				{
					field: 'val2',
					align: 'center',
					title: '信息名称',
				},
				{
					field: 'val3',
					align: 'center',
					title: '报送时间',
				},
				{
					field: 'val4',
					align: 'center',
					title: '报送单位名称',
				},
				{
					field: 'val5',
					align: 'center',
					title: '采用情况',
				}]
			};
			$.table.init(options);
		});
	</script>
</body>

</html>